@charset "UTF-8";
body {
	background-color: #000;
	color: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:   10px;
	line-height: 16px;
	text-align: left;
	margin:0px;
}

table { border: none; }

th { 
	background-color: #333333;
	border: medium solid #CCCCCC;	
	text-align: center;
}

td { border: none;}
/* para alternar tr de diferente fondo en las tablas*/
.row0 { background-color: #444; }
.row1 { background-color: #000; }
.row0_highlight { background-color: #444; font-weight:bold; font-size:1.1em; }
.row1_highlight { background-color: #000; font-weight:bold; font-size:1.1em; }

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a { color: #aaa; }
a:visited { color: #aaa; }
a:hover { color: #000; background-color:#fff; }

/* ==================================== */
/* 				ESTRUCTURA				*/

/* puedo establecer un ancho especifico*/
div#container {
	margin-left: 	auto; /* con estos dos */
	margin-right: 	auto; /* centro en contenido en la pantalla */
	padding-left: 	5px;
	padding-right: 	5px;
	padding-top: 	10px;
	width: 990px;	/* es el ancho de main_body + side_bar + padding */
	height:100%;
	position:relative;
	background-color:#000;
	}
	div#top_bar{
		position:relative;
		}
		div#menu_desplegable{
			clear:both; 
			}
			.CollapsiblePanel {
				margin: 0px;
				padding: 0px;
				border-left: solid 1px #CCC;
				border-right: solid 1px #999;
				border-top: solid 1px #999;
				border-bottom: solid 1px #CCC;
			}
			.CollapsiblePanelTab {
				background-color: #000;
				border-bottom: solid 0px #777;
				margin: 0px;
				padding: 2px;
				cursor: pointer;
				-moz-user-select: none;
				-khtml-user-select: none;
				width: 740px;
			}
			.CollapsiblePanelTab:hover {
				background-color: #666;
				width: 740px;
			}
			.CollapsiblePanelContent {
				margin: 0px;
				padding: 0px;
			}
		
		div#fecha_hora{
			float:left;
			bottom:0px;
		}
		div#user_ops{
			float:right;
			bottom:0px;
		}
	div#main{
		clear:both;
		}
		div#main_body{
			float:left;
			position:relative;
			width:780px;
			overflow:auto;
			}
			.fill_body{
				/* si le doy 100% el border de la tabla me genera un overflow y se me hace un scroll siempre */
				width:99.9%;
			}
		div#side_bar{
			float:right;
			width:200px;
			position:relative;
			}
			.side_bar_table{
				width:100%;
			}
	div#footer{
		clear:both;
		position:relative;
		width:100%;
		height:30px;
		padding-top:5px;
		padding-bottom:10px;
		background-color:#111;
		color:#555;
	}
/* 										*/
/* ==================================== */

div#cargando{
	position:absolute;
	padding:3px 3px 3px 3px;
	top:0px;
	left:250px;
	width:250px;
	border: 2px solid white;
	background-color:grey;
	text-align:center;
	visibility:hidden;
}

img#foto{
	max-width: 200px;
	max-height: 300px;
	position:absolute;
	right:25px;
	top:25px;
}

.flash_success{
	margin: 5px auto 5px auto;
	width:70%;
	color: #fff;
	background-color: #393;
	border: 2px solid #0d0;
	text-align:center;
}

.flash_notice{
	margin: 5px auto 5px auto;
	width:70%;
	color: #fff;
	border: 2px solid #0000ee;
	background-color: #000096;
	text-align:center;
}

.flash_error{
	margin: 5px auto 5px auto;
	width:70%;
	color: #fee;
	background-color: #900;
	border: 2px solid #c00;
	text-align:center;
}

.prueba_pasada{
	background-color:red;
}

.plan_proximo_vencer{
	color:yellow;
}

.plan_vencido{
	color:red;
}

/* visitas/new */
div#datos_persona{
	float:left;
}
div#datos_visita{
	float:right;
}

/* instructors/leer */
div#mail_date{
	background-color: #980;
}
div#mail_from{
	background-color: #333;
}
div#mail_subj{
	margin-top:2px;
	margin-bottom:5px;
	font-size:large;
	font-weight:bold;
}
.message_content{
	top:15px;
	width:100%;
	background-color: #FFF;
	color: #000;
}

<% # FIXME ya existe algo como esto en wforms.css %>
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

/* # FIXME ya existe algo como esto en wforms.css */
.field_error_msg{
	color:red;
}

/* # FIXME ya existe algo como esto en wforms.css */
#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
  color: red
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

/* de la nube de tags */
.css1 { font-size: 1.0em; }
.css2 { font-size: 1.2em; }
.css3 { font-size: 1.4em; }
.css4 { font-size: 1.6em; }


/* personas/_live_search */
#nombresdiv {
	float:left;
}

#apellidosdiv {
	float:left;
	padding-left:10px;
}

#maildiv {
	float:left;
	padding-left:10px;
}

#profesiondiv {
	float:left;
	padding-left:10px;
}

#submitdiv{
	float:left;
	padding-left:10px;
	padding-top:14px;
}